<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <!-- css -->
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/ShoppingCar.css">

    <!-- js -->
    <script src="../lib/jquery.min.js"></script>
    <script src="../lib/jquery.slidebox.js"></script>
    <script src="../lib/slidebox.js"></script>
    <script src="../js/ShoppingCar.js"></script>
</head>
<body>
    <!-- 导航栏 -->
    <div class="container-fluid nav clearfix ">
        <!-- 头部 -->
        <div class="Head">
            <div class="head container">
                <div class="fl head-l">
                    <span>乐购</span>
                    <a href="#">www.legou.com</a>
                </div>
                <div class="fr head-r">
                    <span>欢迎光临乐购</span>
                    <span>请</span>
                    <a href="../page/登录.html">登录</a>
                    <a href="#">注册</a>
                </div>
            </div>
        </div>
        <!-- logo 搜索  -->
        <div class="Search boxs container clearfix">
            <img class="fl" src="../imgs/logo.jpg" alt="">
            <div class="search fr">
                <input class="ptb10" type="text" name="" id="" placeholder="请输入搜索的商品名">
                <div class="img">
                    <img src="../imgs/搜索.png" alt="">
                </div>
                <a class="mr88 ccc" href="../page/productDetail.html">我的订单</a>
                <a class="bgcar mr10 ccc" href="../page/ShoppingCar.html">购物车</a>
                <ul>
                    <li class="active-nav">图书</li>
                    <li>电子书</li>
                    <li>原创文字</li>
                    <li>户外运动</li>
                    <li>孕婴童</li>
                    <li>家具</li>
                    <li>创意文具</li>
                    <li>地方特产</li>
                    <li>海外购</li>
                    <li>电器城</li>
                </ul>
            </div>
        </div>
        <!-- 搜索导航栏 -->
    </div>
    <!-- 购物车 -->
    <div class="container-fluid bgcc">
        <div class="ShoppingCar container pt30 ptb20">
            <!-- head -->
            <div class="ShoppingCar-head pall10 bgff">
                <ul class="ShoppingCar-head-ul pttb10 clearfix">
                    <li class="fl mr20">
                        <span class=" font20">全部商品</span> 
                        <span class="allShopping font20 cred">0</span>
                    </li>
                    <li class="fl mr20">
                        <span class="font18">活动商品</span> 
                        <span class=" font18 cred">0</span>
                    </li>
                    <li class="fl ">
                        <span class="font18">库存紧张</span> 
                        <span class=" font18 cred">0</span>
                    </li>
                    <li class="fr">
                        <span class="cblack">温馨提示:</span>
                        <span>亲爱的顾客,您还没有登录,所有商品价格,活动信息以登录后显示为准</span>
                        <a class=" cwhite bgcf80 ml20 ta fr " href="../page/登录.html">立即登录</a>
                    </li>
                </ul>
            </div>
            <!-- 商品 -->
            <div class="ShoppingCar-comm pall10 bgff">
                <!-- 全选 -->
                <div class="ShoppingCar-comm-choice clearfix">
                    <span class=" cblack mr20">
                        <input type="checkbox" name="" id="alleGekies">全选
                    </span>
                    <button class="delect btn bgff cblack mr20" type="button">删除</button>
                    <button class=" btn bgff cblack mr20" type="button">分享</button>
                    <button class=" btn bgff cblack mr20" type="button">移入收藏夹</button>
                    <button class=" btn bgff cblack " type="button">消除消失宝贝</button>
                    <div class="choice fr">
                        <span class="">已选商品</span>
                        <span class="choiceNum cred font16 mr40">0</span>
                        <span>合计(不含运费)</span>&yen;
                        <span id="Price" class=" cred font16 mr40">169.00</span>
                        <a class=" cwhite ta mr10" href="#">去结算</a>
                    </div>
                </div>
                <!-- 选择数量和商品 -->
                <div class="ShoppingCar-comm-num">
                    <p class=" mt10 mb10">
                        <input class="Kontroleers" type="checkbox" name="" id="">
                        <span class="ml10 cblack fontwei">木果果木官方旗舰店</span>
                        <span class="Contact mr10 ml20">联系商家</span>
                        <span class=" cred">满2件包邮</span>
                    </p>
                    <ul class=" ShoppingCar-cn-ul pttb10 ptl20">
                        <li class=" clearfix">
                            <input class="Kontroleer fl mr20 mt40" type="checkbox" name="" id="">
                            <div class="ShoppingCar-cnu-img fl mr10">
                                <img src="../imgs/u=1321584599,2344706766&fm=26&gp=0.jpg" alt="">
                            </div>
                            <div class="ShoppingCar-cnu-span1 mr40 fl">
                                <span>木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</span>
                                <p class="ShoppingCar-cnu-span1P">
                                    <span class="bgcf80 cwhite mr6 ta">新品</span>
                                    <span class="bg00b cwhite ta">包邮</span>
                                </p>
                            </div>
                            <p class="ShoppingCar-cnu-p1 fl mr40"><span>颜色:魅夜黑</span><span>尺寸:M</span></p>
                            <p class="ShoppingCar-cnu-p2 fl mr40">&yen;
                                <span class="ShoppCarSpan cred">169.00</span>
                                <span>VIP积分</span><span class="cred">100</span></p>
                            <!-- 增加减少数量 -->
                            <p class="ShoppingCar-cnu-p3 fl mr40 mt40 clearfix">
                                <button class="fl btnNumL bgff">-</button>
                                <input class="count ta ml10 mr10" type="text" value="1">
                                <button class="fr btnNumR bgff">+</button>
                            </p>
                            <div class="ShoppingCar-cnu-span2 fr">
                                <button class=" bgff displ">移入收藏夹</button>
                                <button class="delectDg bgff displ">删除</button>
                                <button class=" bgff displ">分享</button>
                                <button class=" bgff displ">相似宝贝</button>
                            </div>
                        </li>
                        <li class=" clearfix">
                            <input class="Kontroleer fl mr20 mt40" type="checkbox" name="" id="">
                            <div class="ShoppingCar-cnu-img fl mr10">
                                <img src="../imgs/u=1321584599,2344706766&fm=26&gp=0.jpg" alt="">
                            </div>
                            <div class="ShoppingCar-cnu-span1 mr40 fl">
                                <span>木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</span>
                                <p class="ShoppingCar-cnu-span1P">
                                    <span class="bgcf80 cwhite mr6 ta">新品</span>
                                    <span class="bg00b cwhite ta">包邮</span>
                                </p>
                            </div>
                            <p class="ShoppingCar-cnu-p1 fl mr40"><span>颜色:魅夜黑</span><span>尺寸:M</span></p>
                            <p class="ShoppingCar-cnu-p2 fl mr40">&yen;
                                <span class="ShoppCarSpan cred">169.00</span>
                                <span>VIP积分</span><span class="cred">100</span></p>
                            <!-- 增加减少数量 -->
                            <p class="ShoppingCar-cnu-p3 fl mr40 mt40 clearfix">
                                <button class="fl btnNumL bgff">-</button>
                                <input class="count ta ml10 mr10" type="text" value="1">
                                <button class="fr btnNumR bgff">+</button>
                            </p>
                            <div class="ShoppingCar-cnu-span2 fr">
                                <button class=" bgff displ">移入收藏夹</button>
                                <button class="delectDg bgff displ">删除</button>
                                <button class=" bgff displ">分享</button>
                                <button class=" bgff displ">相似宝贝</button>
                            </div>
                        </li>
                    </ul>
                    <!-- 猜你喜欢 -->
                    <div class="ShoppingCar-cn-lick">
                        <h3 class=" cblack">猜你喜欢</h3>
                        <ul class="ShoppingCar-cnl-ul pt30 clearfix">
                            <li class="fl mr20">
                                <img src="../imgs/5-购物车_03.jpg" alt="">
                                <p class=" mt10 cblack">AIVEI秋新中长款牛仔</p>
                                <p class="mt10 cblack">&yen;79.00</p>
                            </li>
                            <li class="fl mr20">
                                <img src="../imgs/5-购物车_03.jpg" alt="">
                                <p class=" mt10 cblack">AIVEI秋新中长款牛仔</p>
                                <p class="mt10 cblack">&yen;79.00</p>
                            </li>
                            <li class="fl mr20">
                                <img src="../imgs/5-购物车_03.jpg" alt="">
                                <p class=" mt10 cblack">AIVEI秋新中长款牛仔</p>
                                <p class="mt10 cblack">&yen;79.00</p>
                            </li>
                            <li class="fl mr20">
                                <img src="../imgs/5-购物车_03.jpg" alt="">
                                <p class=" mt10 cblack">AIVEI秋新中长款牛仔</p>
                                <p class="mt10 cblack">&yen;79.00</p>
                            </li>
                            <li class="fl mr20">
                                <img src="../imgs/5-购物车_03.jpg" alt="">
                                <p class=" mt10 cblack">AIVEI秋新中长款牛仔</p>
                                <p class="mt10 cblack">&yen;79.00</p>
                            </li>
                            <li class="fl ">
                                <img src="../imgs/5-购物车_03.jpg" alt="">
                                <p class=" mt10 cblack">AIVEI秋新中长款牛仔</p>
                                <p class="mt10 cblack">&yen;79.00</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <div class="footer">
        <div class="container">
            <div class="server clearfix ptp28 boxs borderb1">
                <a class="server-bg bgimg1 fl" href="#">
                    <div class="server-text fr">
                        <h3 class="font20">正品保障</h3>
                        <span class="ccc">
                            正品行货
                            放心选购
                        </span>
                    </div>
                </a>
                <a class="server-bg bgimg2 fl borderl2" href="#">
                    <div class="server-text fr">
                        <h3 class="font20">满86包邮</h3>
                        <span class="ccc">
                            满86元 免邮费
                        </span>
                    </div>
                </a>
                <a class="server-bg bgimg3 fl borderl2" href="#">
                    <div class="server-text fr">
                        <h3 class="font20">售后无忧</h3>
                        <span class="ccc">
                            7天无理由退货
                        </span>
                    </div>
                </a>
                <a class="server-bg bgimg4 fl borderl2" href="#">
                    <div class="server-text fr">
                        <h3 class="font20">准时送达</h3>
                        <span class="ccc">
                            到达时间由你决定
                        </span>
                    </div>
                </a>
            </div>
            <ul class="footer-more ptp28 boxs clearfix">
                <li class="fl ml74">
                    <h4 class="font18">
                        <a href="#">新手入门</a>
                    </h4>
                    <a class="footer-a" href="#">购物流程</a>
                    <a class="footer-a" href="#">会员制度</a>
                    <a class="footer-a" href="#">订单查询</a>
                    <a class="footer-a" href="#">服务协议及隐私声明</a>
                    <a class="footer-a" href="#">网站地图</a>
                </li>
                <li class="fl ml34">
                    <h4 class="font18">
                        <a href="#">支付方式</a>
                    </h4>
                    <a class="footer-a" href="#">购物流程</a>
                    <a class="footer-a" href="#">会员制度</a>
                    <a class="footer-a" href="#">订单查询</a>
                    <a class="footer-a" href="#">服务协议及隐私声明</a>
                    <a class="footer-a" href="#">网站地图</a>
                </li>
                <li class="fl ml34">
                    <h4 class="font18">
                        <a href="#">配送服务</a>
                    </h4>
                    <a class="footer-a" href="#">购物流程</a>
                    <a class="footer-a" href="#">会员制度</a>
                    <a class="footer-a" href="#">订单查询</a>
                    <a class="footer-a" href="#">服务协议及隐私声明</a>
                    <a class="footer-a" href="#">网站地图</a>
                </li>
                <li class="fl ml34">
                    <h4 class="font18">
                        <a href="#">相关规则</a>
                    </h4>
                    <a class="footer-a" href="#">购物流程</a>
                    <a class="footer-a" href="#">会员制度</a>
                    <a class="footer-a" href="#">订单查询</a>
                    <a class="footer-a" href="#">服务协议及隐私声明</a>
                    <a class="footer-a" href="#">网站地图</a>
                </li>
                <div class="QR fr clearfix">
                    <div class="fl mr40">
                        <h3 class="">App更优惠</h3>
                        <img class="mt20" src="../imgs/qryhd.png" alt="">
                    </div>
                    <div class="fl mr40">
                        <h3 class="">加微信查订单</h3>
                        <img class="mt20 " src="../imgs/qryhd.png" alt="">
                    </div> 
                    
                </div>
            </ul>
        </div>
    </div>
    <!-- 版权 -->
    <div class="statement container-fluid bgcc">
        <div class="container ta ptb11">
            <p>沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX | </p>
            <p class="mt20 mb20">沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
            <img src="../imgs/ChEi1FYXHcOAVk_WAAAL2r2-yfo10200.jpg" alt="">
            <img src="../imgs/CgQCr1PQy1CAF7vaAABDexsiEYM24800.jpg" alt="">
            <img src="../imgs/f582260777c44b30.png" alt="">
            <img src="../imgs/CgQCrlPYTqCASlHXAAAd82JE0eA31000.png" alt="">
            <img src="../imgs/ChEi2lh171KAJrGlAAALl_uZt0E75600.jpg" alt="">
            <img src="../imgs/7b46518a9d74a1d6.jpg" alt="">
        </div>
    </div>
</body>
</html>